<el-dialog :close-on-click-modal="false"  :close-on-press-escape="false"  :title="title" class="dialogStyleBase" width="500px" :visible.sync="boxVisible" append-to-body
    :before-close="editBoxCancel">
    <div class="dialogStyleBaseBox" >
        <el-form ref="editForm" :model="form" label-width="80px" label-position="left">
            <el-form-item label="收货人" prop="name" :rules="{ required: true, message: '收货人 不能为空'}">
                <el-input v-model="form.name" maxlength="10"></el-input>
            </el-form-item>
            <el-form-item label="联系电话" prop="mobile"
                :rules="[{trigger: ['blur', 'change'] , required:true,validator: $vFN.Tools.validatePhone}]">
                <el-input v-model="form.mobile" maxlength="11"></el-input>
            </el-form-item>

            <el-form-item label="所在地区" prop="province"
                :rules="{ trigger: ['blur', 'change'] ,required: true, message: '请选择 所在地区'}">
                <SelectAddress :value="form" @change="selectAddressChange" :appWindow="appWindow"></SelectAddress>
            </el-form-item>
            <el-form-item label="详细地址" prop="detailAddress" :rules="{ required: true, message: '详细地址 不能为空'}">
                <el-input v-model="form.detailAddress" autosize type="textarea" maxlength="60"></el-input>
            </el-form-item>
        </el-form>

    </div>
    <div slot="footer">
        <el-button @click="editBoxCancel()">取 消</el-button>
        <el-button type="primary" @click="submit()">确定</el-button>
    </div>
</el-dialog>